<template>
    <!-- 三级联动规则关联查询页面 -->
    <div class="threeLevelPage">
        <!-- 标题 -->
        <div class="title">
            <ul>
                <li class="act">关系</li>
                <li>关系2</li>
            </ul>
        </div>
        <!-- 内容 -->
        <div class="conent"></div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.threeLevelPage {
    .title {
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #fff;
        border-bottom: 1px solid #707070;

        ul {
            width: 10%;
            display: flex;
            justify-content: space-around;

            li {
                cursor: pointer;
            }

            .act {
                color: #05ACB5;
                border-bottom: 1px solid #05ACB5;
            }
        }

    }
}
</style>